/*¹«¹²Ñùʽ*/
body, div, p, iframe, ul, li, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, table, th, td, input, button, select, textarea {
	margin: 0;
	padding: 0;
}

body,button,input,select,textarea {
	color: #484848;
	font: 12px/1.5 'Microsoft YaHei',Arial, Helvetica, sans-serif;
}

button {
	cursor: pointer;
}

button:active {
	opacity: 0.8;
	/*͸Ã÷¶È*/
	filter: alpha(opacity=80);
 	/* IE */
	-moz-opacity: 0.8;
 	/* ÄÚºËMozilla */
	-khtml-opacity: 0.8;
 	/* ÄÚºËSafari */
}

input,button,select,textarea {
	outline: none;
}

h1, h2, h3, h4 {
	font-weight: normal;
}

li {
	list-style-type: none;
}

em,i {
	display: block;
	font-style: normal;
}

img {
	border: none;
	vertical-align: middle;
}

a {
	position: relative;
	color: #484848;
	text-decoration: none;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0.05);
}

a:hover {
	color: #f60001;
}

img {
	border: none;
	vertical-align: middle;
}

/*¸¡¶¯*/
.ui-left {
	float: left;
}

.ui-right {
	float: right;
}

/*Çå³ý¸¡¶¯*/
.clearfloat {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	overflow: hidden;
	height: 0;
	content: '.';
	line-height: 0;
}

.rel {
	position: relative;
}

/*³¬³öÊ¡ÂÔºÅ*/
.ellipsis {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/*×ÖÌåÑÕÉ«*/
.red {
	color: #d30011;
}
.blue{
	color: #125ed6;
}

.orange {
	color: #ff9900;
}

.en {
	font-family: verdana;
}

.cl-f90 {
	color: #f90;
}

.c48 {
	color: #484848;
}

.c6 {
	color: #666;
}

.c8 {
	color: #888;
}

.c9 {
	color: #999;
}
/*Ô²½Ç*/
.radius-3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*ÒõÓ°*/
.shadow {
	-webkit-box-shadow: 2px 2px 10px #9d9c9c;
  /* for safari or chrome */
	-moz-box-shadow: 2px 2px 10px #9d9c9c;
  /* for firefox */
	box-shadow: 2px 2px 10px #9d9c9c;
  /* for opera or ie9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  /* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
  /* For IE 5.5 - 7 */
}

.center {
	text-align: center;
}

/*×ÖÌå´óС*/
.f12 {
	font-size: 12px;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}

.f22 {
	font-size: 22px;
}

.f24 {
	font-size: 24px;
}

.f26 {
	font-size: 26px;
}

.f28 {
	font-size: 28px;
}

.f30 {
	font-size: 30px;
}

.bold {
	font-weight: 700;
}

/*¹«ÓÃ3ÏñËØÔ²½Ç*/
.radius {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*Ö÷ÌåͨÓÿí¶È*/
.w {
	margin: 0 auto;
	width: 1200px;
}


/*µ¯¿ò±³Ó°*/
.g-mian-bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	display: none;
	background: #000;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

/*Í·²¿*/
.header-mian {
	/*height: 125px;*/
	/*background: url(../images/headbg.png) repeat-x;*/
	height: 136px;
	background: url(../images/header-bg.jpg) repeat-x;
	font-size: 14px;
}

.shortcut {
	height: 35px;
	color: #b3c3fc; /*#fcb3b9*/
	line-height: 35px;
	background: rgba(102, 102, 102, 0.8);
}

.shortcut a {
	color: #b3c3fc; /*#fcb3b9*/
}

.shortcut a:hover {
	color: #fff;
	text-decoration: underline;
}

.shortcut li {
	float: left;
}

.shortcut li .line {
	float: left;
	margin-top: 10px;
	width: 1px;
	height: 13px;
	background-color: #ea4d5a;
}

.shortcut li .dt {
	padding: 0 7px;
}

.shortcut li.spacer {
	overflow: hidden;
	margin: 11px 5px 0;
	width: 1px;
	height: 13px;
	background-color: #4d7eeb;
}

.shortcut .ttbar-login a {
	margin-right: 8px;
}

.shortcut .ttbar-login .prizeIcon {
	float: left;
	margin: 9px 9px 0 0;
	width: 15px;
	height: 15px;
	background: url(../images/prize-icon.png);
}

.header {
	height: 100px;
}

.header .logo {
	float: left;
	overflow: hidden;
	width: 486px;
	height: 100px;
	background: url(../images/logo.png)no-repeat;
	text-indent: -999px;
}

.header .navigation {
	margin-top: 32px;
}

.header .navigation li {
	float: left;
	margin-left: 28px;
}

.header .navigation li a {
	display: block;
}

.header .navigation li .entrance-pcbonline .jp-ico {
	position: relative;
	top: 4px;
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(../images/calculate@icon.png);
}

.header .navigation li i {
	-webkit-transition: 0.2s;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
}

.header .navigation li:hover i {
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}

.header .navigation li em {
	display: inline-block;
	color: #0a56a4; /*#fff001;*/
	vertical-align: top;
	font-size: 20px;
}

.header .navigation li em p {
	line-height: 1;
}

.header .navigation li .entrance-user .user-ico {
	position: relative;
	top: 4px;
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(../images/user@icon.png);
}

.header .navigation li .entrance-cart .user-ico {
	position: relative;
	top: 4px;
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(../images/shopping@icon.png);
}

.header .navigation li .entrance-cart em .number {
	display: block;
	margin: 2px 0;
	width: 30px;
	height: 14px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ff9900;
	text-align: center;
	line-height: 14px;
}


/*µ¼º½*/
.nav {
	height: 40px;
	background-color: #414143;
	line-height: 40px;
}
/* .nav .nav-list li {
	float: left; */
}

.nav .nav-list li.spacer {
	overflow: hidden;
/* margin: 12px 0; */
/* width: 1px; */
/* height: 17px; */
/* background-color: #dbdbdb; */
/* line-height: 0; */
}

.nav .nav-list li a {
	display: block;
/* padding: 0 31px; */
/* color: #333; */
/* line-height: 40px; */
}


.nav .nav-list li a.over {
	background-color: #ff9900;
/* color: #fff; */
}

.nav .nav-list li a:hover:after,.nav .nav-list li a.over:after {
	position: absolute;
/* left: 0; */
/* right: 0; */
/* z-index: 99; */
/* bottom: -7px; */
/* margin: auto; */
/* content: ''; */
/* width: 0; */
/* height: 0; */
/* border-left: 10px solid transparent; */
/* border-right: 10px solid transparent; */
/* border-top: 10px solid #ff9900; */
}

.nav-box {
	position: relative;
	z-index: 9;
	height: 4px;
}

.nav-box ul li {
	float: left;
}

.nav-box ul li.spacer {
	overflow: hidden;
	margin: 11px 0;
	width: 1px;
	height: 17px;
	background-color: #4f4f4f;
	line-height: 0;
}

.nav-box ul li a {
	-webkit-transition: 0;
	-moz-transition: 0;
	transition: 0;
}

.nav-box ul li a.cur {
	color: #fff;
}

.nav-box ul li a {
	display: block;
	padding: 0 59px;
	color: #fff;
	line-height: 40px;
}

.nav-box ul li a:hover {
	color: #fff;
	text-decoration: none;
}

.nav-box ul li.last {
	padding-top: 1px;
	font-size: 12px;
	font-family: \5b8b\4f53;
}

.nav-box ul li.last a {
	color: #a2a2a1;
}

.nav-box .nav-line {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 52px;
	height: 40px;
	background-color: rgb(8, 78, 164); /*#d80011*/
	font-size: 0;
	line-height: 40px;
}

.nav-box .nav-line:after {
	position: absolute;
	right: 0;
	bottom: -5px;
	left: 0;
	z-index: 99999;
	margin: auto;
	width: 0;
	height: 0;
	border-top: 10px solid rgb(8, 78, 164); /*#d80011*/
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
}

/*¶þ¼¶·ÖÀà*/
.nav-box ul li:hover ul.proSide_menu{display: block;}
.nav-box li ul.proSide_menu{display:none; position: absolute; background: rgba(8,78,164,0.6);}
.nav-box li ul.proSide_menu li{float: none;}
.nav-box li ul.proSide_menu li:hover{background: rgba(8,78,164,0.9);}

/*Ò³Ãæ´óºÐ×Ó*/
.g-mian {
	overflow: hidden;
	background-color: #F2F3F7;
}
/*ËÄ´óÓÅÊÆ*/
.four-guarantee {
	background-color: #fff;
}

.four-guarantee .guarantee-box {
	padding: 30px 0;
}

.four-guarantee .guarantee-box li {
	float: left;
	overflow: hidden;
	padding: 20px 0;
	width: 299px;
	height: 130px;
	border-right: 1px solid #f2f3f7;
	text-align: center;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
	transition: All 0.4s ease-in-out;
}

.four-guarantee .guarantee-box li:hover {
	color: #d2232a;
	-webkit-transform: translate(0,-12px);
	-moz-transform: translate(0,-12px);
	-o-transform: translate(0,-12px);
	transform: translate(0,-12px);
	-ms-transform: translate(0,-12px);
}

.four-guarantee .guarantee-box li:last-child {
	border-right: 0;
}

.four-guarantee .guarantee-box li .jp-ico {
	margin: 0 auto;
	margin-bottom: 15px;
	width: 69px;
	height: 58px;
}

/*µ×²¿*/
.footer {
	border-top: 5px solid #3e82f7;
	background-color: #414143;
}

.footer .line-wrap {
	position: relative;
	padding: 35px 0;
}

.footer .line-wrap .companyinfo {
	width: 385px;
}

.footer .line-wrap .companyinfo .f-logo {
	display: block;
	margin-bottom: 15px;
	width: 218px;
	height: 45px;
	background: url(../images/footer.jpg)no-repeat;
}

.footer .line-wrap .companyinfo .info-box {
	color: #c6c6c6;
}

.footer .line-wrap .companyinfo .info-box dt {
	overflow: hidden;
	margin-bottom: 10px;
}

.footer .line-wrap .companyinfo .info-box dt span {
	float: left;
	display: block;
	margin-right: 20px;
}

.footer .line-wrap .companyinfo .info-box dd {
	line-height: 1.9;
}

.footer .line-wrap .companyinfo .info-box .info-icon {
	position: relative;
	top: -2px;
	float: left;
	margin-right: 5px;
}

.footer .line-wrap .footer-center {
	margin: 0 0 0 120px;
}

.footer .line-wrap .footer-center .iphone {
	width: 320px;
	height: 62px;
	border: 1px solid #676769;
	-webkit-border-radius: 62px;
	-moz-border-radius: 62px;
	border-radius: 62px;
	color: #fff;
	font-size: 33px;
	line-height: 62px;
	font-size: 17px;
	font-weight: bold;
}

.footer .line-wrap .footer-center .iphone i {
	float: left;
	margin: 10px 15px 0 15px;
	width: 41px;
	height: 41px;
	background: url(../images/tel-big@icon.png);
	-webkit-animation: scale 2s 0s infinite;
	animation: scale 2s 0s infinite;
}

.footer .line-wrap .footer-center .iconspirit-val {
	margin: 20px auto 0;
	width: 280px;
	height: 41px;
}

@-webkit-keyframes scale {
	0 {
		-webkit-transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
	}
}

@keyframes scale {
	0 {
		transform: scale3d(1, 1, 1);
	}

	50% {
		transform: scale3d(1.2, 1.2, 1.2);
	}

	100% {
		transform: scale3d(1, 1, 1);
	}
}

.footer .line-wrap .ewm {
	position: absolute;
	top: 35px;
	right: 0;
	width: 150px;
	height: 150px;
}

.footer .line-wrap .ewm p {
	margin-top: 3px;
	color: #bbb;
	text-align: center;
}

.footer .copyright {
	padding: 25px 0;
	border-top: 1px solid #555;
	color: #bbb;
}

.footer .copyright a {
	margin: 0 3px;
	color: #bbb;
}

.footer .copyright a:hover {
	color: #fff;
	text-decoration: underline;
}



/*???*/
.pages {
	margin: 35px 0 15px;
	padding: 0 0;
	width: 100%;
	text-align: center;
	line-height: 14px;
}

.pages a {
	margin: 0 3px;
	background-color: #fff;
	font-size: 14px;
}

.pages a {
	padding: 5px 12px;
	border: 1px solid #eaeaea;
}

.pages a:hover {
	color: #df0012;
}

.pages a.over {
	background: #df0012;
	color: #fff;
}

.pages u {
	margin-left: 10px;
	border-radius: 2px;
	text-decoration: none;
}

.pages u font {
	margin: 0 5px;
}

.pages a i {
	display: inline;
	font-family: "arial, helvetica, sans-serif";
}

.pages input {
	margin: 0 4px;
	padding-left: 4px;
	width: 34px;
	height: 28px;
	border: 1px solid #eaeaea;
	border-radius: 2px;
}

.pages .but {
	padding: 0;
	width: 54px;
	height: 28px;
	border-radius: 3px;
	cursor: pointer;
	;
	background: #fff;
}

/*ÍøÉÏ×Éѯ*/
.Online-consulting {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 999;
	margin-top: -150px;
	width: 54px;
}

.Online-consulting ul {
	width: 54px;
}

.Online-consulting ul li {
	margin-bottom: 10px;
	width: 54px;
	background-color: #fff;
	-moz-box-shadow: 0px 0px 6px #aaa;
	box-shadow: 0px 0px 6px #aaa;
}

.Online-consulting ul li a {
	position: relative;
	display: block;
	color: #666;
}

.Online-consulting ul li a:hover {
	background-color: #eaeaea;
}

.Online-consulting li.shop-cart {
	width: 54px;
	height: 60px;
	background: url(../images/shop-cart@icon.png) no-repeat;
}

.Online-consulting li.shop-cart .nub {
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 9;
	padding: 0 6px;
	height: 19px;
	border-radius: 13px;
	background-color: #c70000;
	color: #fff;
	text-align: center;
	line-height: 19px;
}

.Online-consulting li .code .code-hide {
	position: absolute;
	top: 0;
	left: -150px;
	z-index: -1;
	display: none;
	width: 150px;
	height: 150px;
	background-color: #fff;
}

.Online-consulting li .tel .tel-hide {
	position: absolute;
	top: 0;
	left: -150px;
	z-index: -1;
	display: none;
	width: 150px;
	height: 54px;
	background-color: #fff;
	text-align: center;
	line-height: 54px;
}